<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <h1 class="title ui-widget-header ui-corner-all">Bem Vindo ao cadastro Anotação</h1>

        <h:form id="frmAnotacao">
            <p:dataTable id="tabAnotacao" widgetVar="wtabAnotacao" var="anotacao" value="#{anotacaoBean.lazyModel}" paginator="true" rows="10" lazy="true"
                         emptyMessage="Nenhum Registro Retornado ..."
                         selection="#{anotacaoBean.selectedAnotacao}" selectionMode="single"
                         onRowSelectComplete="anotacaoDialog.show()" onRowSelectUpdate="display">

                <f:facet name="header">
                    Selecione uma linha e clique para Manutenção
                </f:facet>

                <p:column headerText="Descrição" sortBy="#{anotacao.dscAnotacao}" filterBy="#{anotacao.dscAnotacao}">
                    <h:outputText value="#{anotacao.dscAnotacao}" />
                </p:column>
            </p:dataTable>

            <p:dialog id="dialog" header="Detalhes Anotacao" widgetVar="anotacaoDialog" resizable="true"
                      width="1000" showEffect="explode" hideEffect="explode">

                <h:panelGrid id="display" columns="2" style="margin-bottom:50px" cellpadding="5">
                    <h:outputText value="Descrição:" />
                    <p:inputText id="inDescricao" value="#{anotacaoBean.selectedAnotacao.dscAnotacao}" style="width: 700px" />
                    <f:facet name="footer">
                        <br />
                        <h1>Coloque @! para substituir pelo Numero da Folha</h1>
                        <br />
                        <h1>Coloque @# para substituir pelo Numero do Livro Anterior</h1>
                        <br />
                        <h1>Coloque @$ para substituir pelo Numero do Livro Atual</h1>
                        <br />
                        <h1>Coloque @% para substituir pelo Numero da Transferência</h1>
                    </f:facet>
                </h:panelGrid>
                <br />
                <p:commandButton value="Gravar" update="messages,tabAnotacao,display"
                                 actionListener="#{anotacaoBean.alterar}" oncomplete="anotacaoDialog.hide()" />
            </p:dialog>

            <p:confirmDialog message="Confirma a Exclusão dessa Anotacao?"
                             showEffect="bounce" hideEffect="explode"
                             header="Exclusão Anotacao" severity="alert" widgetVar="confirmation">

                <p:commandButton value="Sim" update="messages,tabAnotacao,display" oncomplete="confirmation.hide(),anotacaoDialog.hide()"
                                 actionListener="#{anotacaoBean.excluir}" />
                <p:commandButton value="Não" onclick="confirmation.hide()" type="button" />

            </p:confirmDialog>
            
        </h:form>
    </ui:define>
</ui:composition>